<information-panel class="theme-information" title-text="Information">
  <span class="small text-muted">
    <p>
      <i class="fa fa-flask orange-icon" aria-hidden="true" style="margin-right: 2px"></i>
      Dark and High-contrast theme are experimental. Some UI components might not display properly.
    </p>
  </span>
</information-panel>
<rd-widget>
  <rd-widget-header icon="fa-palette" title-text="Change user theme"></rd-widget-header>
  <rd-widget-body>
    <form class="theme-panel">
      <!-- Theme Selector-->
      <box-selector radio-name="'theme'" value="$ctrl.state.userTheme" options="$ctrl.state.availableThemes" on-change="($ctrl.setTheme)"></box-selector>
      <button ng-click="$ctrl.updateTheme()" class="btn btn-primary btn-sm">Update theme</button>
      <!-- !Theme -->
    </form>
  </rd-widget-body>
</rd-widget>
